<table style="border-collapse: collapse; border: 0;">
  <tr>
    <td style="padding-left: 0;">
      <%= label_tag('available_columns', l(:description_available_columns)) %><br />
      <%= select_tag('available_columns',
                     options_for_select((object.available_columns - @list_settings.columns).collect{ |column| [ column.caption, column.name ]}.sort{ |a, b| a[0] <=> b[0] }),
                     :multiple => true, :size => 10, :style => 'width: 150px;',
                     :ondblclick => 'moveOptions(this.form.available_columns, this.form.selected_columns);') %>
    </td>
    <td align="center" valign="middle">
      <input type="button" value="&#8594;" onclick="moveOptions(this.form.available_columns, this.form.selected_columns);" /><br />
      <input type="button" value="&#8592;" onclick="moveOptions(this.form.selected_columns, this.form.available_columns);" />
    </td>
    <td>
      <%= label_tag('selected_columns', l(:description_selected_columns)) %><br />
      <%= select_tag('c[]',
                     options_for_select(@list_settings.columns.collect{ |column| [ column.caption, column.name ]}),
                     :id => 'selected_columns', :multiple => true, :size => 10, :style => 'width: 150px;',
                     :ondblclick => 'moveOptions(this.form.selected_columns, this.form.available_columns);') %>
    </td>
    <td align="center" valign="middle">
      <input type="button" value="&#8593;" onclick="moveOptionUp(this.form.selected_columns);" /><br />
      <input type="button" value="&#8595;" onclick="moveOptionDown(this.form.selected_columns);" />
    </td>
  </tr>
</table>

<% content_for :header_tags do %>
  <%= javascript_include_tag('select_list_move') %>
<% end %>
